@charset "UTF-8" ;

.sign-wrapper {
    width: 60vw;
    margin: auto ;
    text-align: center ;
}

.sign-wrapper>img {
    width: 5vw; /* viewport width */
    margin-top: 5vh; /* viewport height */
}

.sign {
    width: 300px ;
    margin: 15px auto ;
    border: 1px solid #cfcfcf;
}

.sign-row {
    overflow: hidden;
    height: 40px ;
    line-height: 40px ;
    border: 1px solid #dedede ;
    margin: 10px ;
}

.sign-row>i {
    color: #999;
}

.sign-account {
    display: flex ;
    align-items: center ;
}

.sign-account>i {
    flex-basis: 30px ;
}

.sign-account>input {
    flex-basis: 270px ;
    font-size: 14px ;
    border: none ;
    outline: none ;
}

.sign-password {
    display: flex ;
    align-items: center ;
}

.sign-password>i {
    flex-basis: 30px ;
}

.sign-password>input {
    flex-basis: 240px ;
    font-size: 14px ;
    border: none ;
    outline: none ;
}

.sign .btn-submit {
    display: block;
    height: 40px ;
    line-height: 40px ;
    text-align: center ;
    text-decoration: none ;
    user-select: none;
    border: 1px solid blue ;
    border-radius: 5px ;
    background: blue ;
    color: #fff ;
    cursor: pointer;
    margin: 10px ;
}